﻿@charset "utf-8";
/* global */
body,h1,.hgroup h2,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,menu,ol,ul,caption,th,td,form,fieldset,legend,input,button,textarea{margin:0;padding:0}
body {background: url(../images/body_background.gif) repeat fixed left top transparent; padding-top:30px;}
body,input,button,textarea,select,option,optgroup{font-family: Tahoma,Helvetica,"微软雅黑",arial,serif; color:#454545; font-size:12px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img{border:0}
cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:'courier new',courier,monospace}
input,button,textarea,select{font-size:100%}
.clear {clear: both}
.clearfix:after {content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
*html .clearfix{zoom:1;} /* IE6 */
a{color:#666; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover{color:#6c0;text-decoration:none;}
a:active {color:#666;}
.left{ float:left}
.right{ float:right}
.anchor-name{ height:0px; font-size:0; overflow:hidden;}

/* header */
.headerbar{background: url(../images/q_topbar.png) repeat-x scroll left top transparent;height: 50px;left: 0;padding-bottom: 5px;}
.headerbar .headerbar-pseudo-real{background: #167acd;}
.headerbar .wrapper-box {height: 50px;margin: 0 auto;position: relative;width:980px;}
.headerbar .wrapper-box h1.logo{ width:330px; height:48px; float:left; overflow:hidden;}

.headerbar .right-box {float:right;height:50px;}
.headerbar ul.q-menubox {float:left;height: 100%;}
.headerbar ul.q-menubox li.q-menuitem {float: left;font-size: 16px;height: 100%;line-height: 50px;text-align: center;}
.headerbar ul.q-menubox li.q-menuitem a{color: #fff;display: block;padding: 0 20px; font-family:Tahoma,Helvetica,"Microsoft Yahei","微软雅黑",Arial,STHeiti;transition:all 0.5s ease 0s;}
.headerbar ul.q-menubox li.q-menuitem a:hover{ background:#0261b8;}
/*nav*/
.mod-body-header {padding: 27px 0 11px;position:relative;width:980px; margin:0 auto}
    .tab-selector {position: relative;}
    .tab-selector .tab-selector-links {font-size: 16px;margin-left: 0px;margin-right: 0px;position: relative;z-index: 1;white-space: nowrap;}
    .tab-selector .tab-selector-links li {display: inline-block;*display: inline;margin-right: 25px;white-space: nowrap;}
    .tab-selector .tab-selector-links li a {padding: 0 15px;display: inline-block;*display: inline;*zoom: 1;color: #454545;white-space: nowrap; font-family:Tahoma,Helvetica,"Microsoft Yahei","微软雅黑",Arial,STHeiti;}
    .tab-selector .tab-selector-links li.tab-selector-active a, .tab-selector .tab-selector-links li a:hover {color: #167acd;}
    .tab-selector .tab-selector-links li a span.tab-selector-vernier {margin-top: 10px;*margin-top: 9.5px;_margin-top: 12px;border-bottom: 3px solid #167acd;overflow: hidden;padding: 0;position: absolute;width: 0;transition: left 0.5s, width 0.5s;-webkit-transition: left 0.5s, width 0.5s;-moz-transition: left 0.5s, width 0.5s;-ms-transition: left 0.5s, width 0.5s;}
    .tab-selector .tab-selector-links li.tab-selector-active a span.tab-selector-vernier {background-image: url(../images/tag_selector.gif);background-position:center bottom;background-repeat: no-repeat;}
    .mini-tab-selector .tab-selector-links li a span.tab-selector-vernier {border-bottom: 2px solid #6c0;}
    .tab-selector .tab-selector-line {margin-top: 10px;border-top: 1px solid #d7d7d7;border-bottom: 2px solid #e7e7e7;height: 0;line-height: 0;        width: 100%;}
    .mini-tab-selector .tab-selector-line {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}


/* footer */
.footer{ background:#333; width:100%; margin:0 auto; padding:10px 0}
.footer .line{ width:980px; margin:10px auto; border-top:#3e3e3e solid 1px;border-bottom:#3e3e3e solid 1px; height:30px; line-height:30px; color:#666}
.footer .line a{color:#666; margin-right:10px;}
.footer .line a.more{color:#666; margin-right:10px; float:right}
.footer .line a:hover{ color:#6c0}
.footer .footnav{ width:980px; margin:10px auto; text-align:center;height:22px; line-height:22px; color:#666}
.footer .footnav a{color:#666; margin:0 10px;}
.footer .footnav a:hover{ color:#6c0}
.footer .copy{ width:980px; margin:10px auto; text-align:center;line-height:22px; color:#666}
.footer .copy a{color:#666; margin:0 10px;}
.footer .copy a:hover{ color:#6c0}

.backToTop {display: none;width:29px; height:99px;text-align:left; text-indent:-5000px;position:fixed;right: 10px;bottom: 80px;cursor: pointer; background:url(../images/go_top.png) no-repeat 50% 50%;*background:url(../images/go_top.gif) no-repeat 50% 50%;}
